<!DOCTYPE html>


<div id="LAY_app" class="layadmin-tabspage-none">
	<div class="layadmin-user-login layadmin-user-display-show">
		<div class="layadmin-user-login-main">
			<div class="layadmin-user-login-box layadmin-user-login-header">
				<h2>Vue 非构建模式开发框架</h2>
				<p>不用任何构建工具，直接在开搞</p>
			</div>
			子组件测试：
			<component v-bind:is="mainUnit"></component>
			
			<div id="loginFormParent" class="layadmin-user-login-box layadmin-user-login-body layui-form">
				<form id="loginForm" ref="loginForm" action="/login/userLogin" method="post" v-on:keyup.enter="formSubmit">
					<div class="layui-form-item">
						<label class="layadmin-user-login-icon layui-icon layui-icon-username"></label>
						<input type="text" id="username" name="username" v-model.trim="username" placeholder="用户名" class="layui-input" tabindex="1">
					</div>
					<div class="layui-form-item">
						<label class="layadmin-user-login-icon layui-icon layui-icon-password"></label>
						<input type="password" id="userpassword" name="password" style="width: 0; height: 0; position: absolute; z-index: -1;" v-model="password"/>
						<input type="password" id="loginpassword" placeholder="密码" class="layui-input" autocomplete="off" v-model="password" tabindex="2">
					</div>
					<div class="layui-form-item">
						<div class="layui-row">
							<div class="layui-col-xs7">
								<label class="layadmin-user-login-icon layui-icon layui-icon-vercode"></label>
								<input type="text" name="loginCode" v-model="loginCode" id="user-login-vercode" placeholder="图形验证码" class="layui-input" tabindex="3">
							</div>
							<div class="layui-col-xs5">
								<div style="margin-left: 10px;">
									<img v-bind:src="loginCodeUrl" v-on:click="changeLoginCode" v-on:load="getLoginCode" class="layadmin-user-login-codeimg">
								</div>
							</div>
						</div>
					</div>

					<div class="layui-form-item" style="margin-top: 30px;">
						<button id="btn_login" type="button" class="layui-btn layui-btn-fluid" v-on:click.stop="formSubmit" v-bind:disabled="submitBtn.disabled" v-bind:style="submitBtn.style">
							<span v-html="submitBtn.loadingTips"></span>
							<span id="loginText">{{submitBtn.text}}</span>
						</button>
					</div>
					
					<div class="layui-form-item" style="margin-top:10px;">
						<button id="btn_login" type="button" class="layui-btn layui-btn-fluid" v-on:click.stop="enter">
							直接进入
						</button>
					</div>
					
					<div class="layui-trans layui-form-item">
						<a v-on:click="req" class="layadmin-user-jump-change layadmin-link">子组件测试？</a>
						<a v-on:click="req2" class="layadmin-user-jump-change layadmin-link">子组件测试2？</a>
					</div>
					{{user.name}}
					<div class="layui-trans layadmin-user-login-footer">
						<p>请使用Google Chrome、Firefox（火狐）、Microsoft Edge浏览器、360浏览器请使用极速模式</p>
					</div>
				</form>
			</div>
		</div>

	</div>
	
</div>





